<template>
    <div class="about-view">
      <el-card>
        <template #header>
          <h2>关于我们</h2>
        </template>
        
        <div class="about-content">
          <el-image
            src="https://via.placeholder.com/800x300"
            fit="cover"
            class="about-banner"
          />
          
          <div class="about-text">
            <h3>公司简介</h3>
            <p>内容平台成立于2020年，致力于为用户提供高质量的内容分享和交流平台...</p>
            
            <h3>我们的使命</h3>
            <p>连接知识与人才，创造价值...</p>
            
            <h3>联系我们</h3>
            <el-descriptions :column="1" border>
              <el-descriptions-item label="邮箱">contact@content.com</el-descriptions-item>
              <el-descriptions-item label="电话">400-123-4567</el-descriptions-item>
              <el-descriptions-item label="地址">北京市海淀区科技园区</el-descriptions-item>
            </el-descriptions>
          </div>
        </div>
      </el-card>
    </div>
  </template>
  
  <style scoped>
  .about-view {
    flex: 1;
  }
  
  .about-banner {
    width: 100%;
    margin-bottom: 20px;
  }
  
  .about-text h3 {
    margin: 20px 0 10px;
    color: var(--el-text-color-primary);
  }
  
  .about-text p {
    margin-bottom: 15px;
    line-height: 1.6;
  }
  </style>